﻿

@media screen and (max-width: 850px) {
 
body {
}

.t1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#97ff03;
	text-align:left;
	}

.t1 a {
	color:#97ff03;
	text-decoration:none;
	text-align:left;
	}

.t1 a:hover {
	color:#ddd;
	text-decoration:none;
	text-align:left;
	}
.t1green {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#97ff03;
	text-decoration:none;
	}
.lnk ul {
	list-style-image:url('../img/bullet.png');
	margin-top:10px;
	margin-left:13px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#aaa;
	font-size:11px;
	}

.lnk {
	float:left;
	}
	
.lnk li{
	margin-top:2px;
	}
	
.lnk li a{
	text-decoration:none;
	color:#ccc;
	text-align:left;
	}

.lnk li a:hover{
	text-decoration:none;
	color:#97ff03;
	}

.hdt {
	font-family:Arial, Helvetica, sans-serif;
	color:#97ff03;
	font-size:13px;
	font-weight:bold;
	}
.footer {
	width:100%;
	/*background-image:url('../img/footer_bg.jpg');
	background-repeat:repeat-x;
    vertical-align:middle;*/
    background-color:#ccc; /* Not support */
    background:-webkit-gradient(linear, left top, left bottom, from(#4B4C50), to(#151A1E)); /* Webkit, IE 9 */
    background:-moz-linear-gradient(top, #4B4C50, #151A1E); /* Firefox */
    background:-o-linear-gradient(top, #4B4C50, #151A1E); /* Opera */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B4C50, endColorstr=#151A1E); /* IE 5.5 - 7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B4C50, endColorstr=#151A1E)"; /* IE 8 */
	}
	.sbm {
   background-image: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:         linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   -webkit-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
      -moz-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
           box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
   border: solid 1px rgba(112,112,112,1);
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;
   padding: 0px 20px 0px 20px;
   display: inline-block;
   font-size: 12px;
   font-family: Arial, Sans-serif;
   line-height: 26px;
   color: rgba(0,0,0,1);
}
.header {
	width:100%;
	background-color:#ccc; /* Not support */
    background:-webkit-gradient(linear, left top, left bottom, from(#595963), to(#2F2E33)); /* Webkit, IE 9 */
    background:-moz-linear-gradient(top, #595963, #2F2E33); /* Firefox */
    background:-o-linear-gradient(top, #595963, #2F2E33); /* Opera */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#595963, endColorstr=#2F2E33); /* IE 5.5 - 7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#595963, endColorstr=#2F2E33)"; /* IE 8 */
	}
	
.menu {
	width:100%;
	text-align:right;
	font-size:12px;
	background-color:#2F2E33; /* Not support */
    background:-webkit-gradient(linear, left top, left bottom, from(#2F2E33), to(#1D1D1F)); /* Webkit, IE 9 */
    background:-moz-linear-gradient(top, #2F2E33, #1D1D1F); /* Firefox */
    background:-o-linear-gradient(top, #2F2E33, #1D1D1F); /* Opera */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F2E33, endColorstr=#1D1D1F); /* IE 5.5 - 7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F2E33, endColorstr=#1D1D1F)"; /* IE 8 */
	}
	
.v_menu
{
    margin:0px;  
    padding:0px;  
    font-family:Arial, Helvetica, sans-serif !important;
	color:#fff !important;
	font-size:16px !important;
	font-weight: 200 !important;
	margin-top:19px !important;
}  
.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */  
    text-indent:5px;  
    text-align:center;  
}  
.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
    text-indent:5px;
    text-align:center; 
    color:#97ff03;   
}  
.v_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;  
    color:#fff !important;
    line-height:20px; 
}  

.v_menu > li > a:hover{ /* กำหนดรูปแบบให้กับลิ้งค์เมื่อมีเมาส์อยู่เหนือ */  
    text-decoration:none !important;  
    color:#97ff03 !important;  
    line-height:20px; 
}  

.sv_menu
{
    margin:0px;  
    padding:0px;  
    font-family:Arial, Helvetica, sans-serif !important;
	color:#fff !important;
	font-size:16px !important;
	font-weight: 200 !important;
}  
.sv_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */  
    text-indent:5px;  
    text-align:center;  
}  
.sv_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
    text-indent:5px;
    text-align:center; 
    color:#97ff03;   
}  
.sv_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;  
    color:#fff !important;
    line-height:20px; 
}  

.sv_menu > li > a:hover{ /* กำหนดรูปแบบให้กับลิ้งค์เมื่อมีเมาส์อยู่เหนือ */  
    text-decoration:none !important;  
    color:#97ff03 !important;  
    line-height:20px; 
}  
	
.logo {
	width:94px;
	height:52px;
	margin-left:50px;
	/*margin-top:24px;*/
	float:left;
	}
	
.t42bb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:72px;
	color:#111;
	}
		
.t24bb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#111;
	}
.t19bb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:19px;
	color:#111;
	text-align:left;
	}
.t16bn {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:16px;
	}
.t16bb {
	font-family:Arial, Helvetica, sans-serif;
	color:#111;
	font-size:16px;
	font-weight:bold;
	}
.t14bn {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:14px;
	}
	
.t12bn {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:12px;
	text-align:left;
	}
		
.t14bb {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	}	
	
	.t12bb {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	font-weight:bold;
	}
.Client {
    float: left;
    margin:1px;
    width: 189px;
    min-height:100px; 
    position:relative;
    margin-bottom:25px;
    margin-top:25px;
} 
.Client_ex {
    float: left;
    margin:1px;
    width: 189px;
    min-height:120px; 
    position:relative;
    margin-bottom:25px;
    margin-top:25px;
} 
.Client_pic
{
    text-align:center;
}
 .Client_name 
 {
  
   text-align:center;
     font-family:Arial, Helvetica, sans-serif;
     font-size : 12px;
     background:#ededed;
     font-weight:normal;
     width: 189px;
    padding:0px;
     position :absolute; 
     bottom : 0; 
     
 }
.ls ul {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin:0px;
	padding:0px;
	margin-left:12px;
	margin-top:10px;
	margin-bottom:10px;
	}
 
 .ls2 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.panel
 {
     display: none;
     margin-top: 0px;
     background-image: url(/images/web/submenu_bg.jpg);
     background-repeat: repeat-x;
     margin-bottom: 5px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-weight: bold;
  } 
.panel ul
  {
     list-style: none;
     margin: 0px;
     padding-top: 20px;
     padding-bottom: 20px;
  }
.panel li
  {
     display: inline;
     padding-left: 30px;
  }
.panel a
  {
     color: #000;
     text-decoration: none;
  }
.panel a:hover
  {
     color: #FFF;
     text-decoration: none;
  }
  .Contact
 {
  
 }
 .copyright {
	background-color:#000;
	}

.google-maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
}


@media screen and (min-width: 851px) {

body {

}

.t1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#97ff03;
	text-align:left !important;
	}

.t1 a {
	color:#97ff03;
	text-decoration:none;
	text-align:left !important;
	}

.t1 a:hover {
	color:#ddd;
	text-decoration:none;
	}
.t1green {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#97ff03;
	text-decoration:none;
	}
.lnk ul {
	list-style-image:url('../img/bullet.png');
	margin-top:10px;
	margin-left:13px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#aaa;
	font-size:11px;
	}

.lnk {
	float:left;
	}
	
.lnk li{
	margin-top:2px;
	}
	
.lnk li a{
	text-decoration:none;
	color:#ccc;
	text-align:left !important;
	}

.lnk li a:hover{
	text-decoration:none;
	color:#97ff03;
	}

.hdt {
	font-family:Arial, Helvetica, sans-serif;
	color:#97ff03;
	font-size:13px;
	font-weight:bold;
	text-align:left !important;
	}
	
.footer {
	width:100%;
	/*background-image:url('../img/footer_bg.jpg');
	background-repeat:repeat-x;
    vertical-align:middle;*/
    background-color:#ccc; /* Not support */
    background:-webkit-gradient(linear, left top, left bottom, from(#4B4C50), to(#151A1E)); /* Webkit, IE 9 */
    background:-moz-linear-gradient(top, #4B4C50, #151A1E); /* Firefox */
    background:-o-linear-gradient(top, #4B4C50, #151A1E); /* Opera */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B4C50, endColorstr=#151A1E); /* IE 5.5 - 7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B4C50, endColorstr=#151A1E)"; /* IE 8 */
	}
	
.header {
	width:100%;
	 
	/*background-image:url('../img/header_bg.jpg');*/
	/*background-repeat:repeat-x;*/
	background-color:#ccc;
    background:-webkit-gradient(linear, left top, left bottom, from(#595963), to(#2F2E33));
    background:-moz-linear-gradient(top, #595963, #2F2E33);
    background:-o-linear-gradient(top, #595963, #2F2E33);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#595963, endColorstr=#2F2E33);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#595963, endColorstr=#2F2E33)";
	}
.sbm {
   background-image: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:         linear-gradient(top, rgba(242,242,242,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   -webkit-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
      -moz-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
           box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
   border: solid 1px rgba(112,112,112,1);
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;
   padding: 0px 20px 0px 20px;
   display: inline-block;
   font-size: 12px;
   font-family: Arial, Sans-serif;
   line-height: 26px;
   color: rgba(0,0,0,1);
}
.menu {
	width:100%;
	/*background-image:url('../img/menu_bg.jpg');
	background-repeat:repeat-x;*/
	text-align:right;
	font-size:12px;
	background-color:#2F2E33; /* Not support */
    background:-webkit-gradient(linear, left top, left bottom, from(#2F2E33), to(#1D1D1F)); /* Webkit, IE 9 */
    background:-moz-linear-gradient(top, #2F2E33, #1D1D1F); /* Firefox */
    background:-o-linear-gradient(top, #2F2E33, #1D1D1F); /* Opera */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F2E33, endColorstr=#1D1D1F); /* IE 5.5 - 7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F2E33, endColorstr=#1D1D1F)"; /* IE 8 */
	}
	
.v_menu{
    font-family:Arial, Helvetica, sans-serif !important;
	color:#fff !important;
	font-size:16px !important;
	font-weight: 200 !important;
	margin-top:19px !important;
}  
.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */  
    text-indent:5px;  
    text-align:center;  
}  
.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
    text-indent:5px;
    text-align:center; 
    color:#97ff03;   
}  
.v_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;  
    color:#fff !important;
    line-height:20px;  
}  

.v_menu > li > a:hover{ /* กำหนดรูปแบบให้กับลิ้งค์เมื่อมีเมาส์อยู่เหนือ */  
    text-decoration:none !important;  
    color:#97ff03 !important;  
    line-height:20px;  
}  
	
.logo {
	width:94px;
	height:52px;
	margin-left:50px;
	/*margin-top:24px;*/
	float:left;
	}
	
.t42bb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:72px;
	color:#111;
	}
		
.t24bb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#111;
	}
.t19bb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:19px;
	color:#111;
	text-align:left;
	}
.t16bn {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:16px;
	}
.t16bb {
	font-family:Arial, Helvetica, sans-serif;
	color:#111;
	font-size:16px;
	font-weight:bold;
	}
.t14bn {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:14px;
	}
	
.t12bn {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:12px;
	text-align:left;
	}
		.t12bb {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	font-weight:bold;
	}
	
.t14bb {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	}	
.Client {
    float: left;
    margin:1px;
    width: 189px;
    min-height:100px; 
    position:relative;
    margin-bottom:25px;
    margin-top:25px;
} 
.Client_ex {
    float: left;
    margin:1px;
    width: 189px;
    min-height:120px; 
    position:relative;
    margin-bottom:25px;
    margin-top:25px;
} 
.Client_pic
{
    text-align:center;
}
 .Client_name 
 {
  
   text-align:center;
     font-family:Arial, Helvetica, sans-serif;
     font-size : 12px;
     background:#ededed;
     font-weight:normal;
     width: 189px;
    padding:0px;
     position :absolute; 
     bottom : 0; 
     
 }

.ls ul {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin:0px;
	padding:0px;
	margin-left:12px;
	margin-top:10px;
	margin-bottom:10px;
	}
 .ls2 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.menu-panel
 {
     display:none;
     margin-top: 0px;
     background-image: url(/images/web/submenu_bg.jpg);
     background-repeat: repeat-x;
     margin-bottom: 5px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-weight: bold;
  } 
.menu-panel ul
  {
     list-style: none;
     margin: 0px;
     padding-top: 20px;
     padding-bottom: 20px;
  }
.menu-panel li
  {
     display: inline;
     padding-left: 30px;
  }
.menu-panel a
  {
     color: #000;
     text-decoration: none;
  }
.menu-panel a:hover
  {
     color: #FFF;
     text-decoration: none;
  }
  .Contact
 {
      float: left;
    padding-left:0px;
    width: 350px;   
    min-height:350px;
 }
 .copyright {
	background-color:#000;
 }
 
 .google-maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
}
@media (min-width:1200px){.container{width:830px}}
 